.base-global-tabs(@navSpacing: 20px) {
  padding-bottom: 30px;
  color: @colorTextBase;
  background-color: #fff;

  .ant-form.ant-pro-query-filter {
    padding-right: 0;
    padding-left: 0;
    padding-block-start: 10px;
  }

  .ant-tabs-nav {
    z-index: 9;
    height: 70px;
    margin: 0;
    padding-inline: 30px;

    .ant-tabs-nav-list {
      z-index: 999;
    }

    &:before {
      border-bottom: 1px solid transparent;
    }
  }

  .ant-tabs-content-holder {
    padding-inline: 30px;
  }

  .ant-pro-table {
    .ant-pro-card {
      .ant-pro-card-body {
        padding-block-end: 0;
        padding-inline: 0;
      }
    }
  }

  .ant-tabs-tab {
    padding: 0;
    color: #666;
    font-weight: 400;
    font-size: 22px;
  }

  .ant-tabs-tab.ant-tabs-tab-active {
    .ant-tabs-tab-btn {
      color: #222;
      font-weight: 600;
      text-shadow: none;
    }
  }

  .ant-tabs-ink-bar {
    height: 0 !important;
  }
}

.mainTabs {
  :global {
    .base-global-tabs();
  }
  .secondaryTabs {
    :global {
      .base-global-tabs();
      padding-bottom: 0;
      .ant-tabs-nav {
        height: 60px;
        padding: 0;
      }
      .ant-tabs-tab {
        font-size: 18px;
      }
      .ant-tabs-content-holder {
        padding-inline: 0;
      }
    }
  }
}

.hasChildTabs,
.hasHeaderBorder {
  :global {
    .base-global-tabs();
    .ant-tabs-nav {
      &:before {
        border-bottom: 1px solid #e0e0e0;
      }
    }
  }
}

.secondaryTabs {
  :global {
    .base-global-tabs();
    .ant-tabs-nav {
      height: 70px;
    }
    .ant-tabs-tab {
      font-size: 18px;
    }
  }
}
